﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="OpenWaves.Showcase.Web.Default" %>

<%@ Import Namespace="OpenWaves" %>
<%@ Register TagPrefix="x" Namespace="OpenWaves.Showcase.Web" Assembly="OpenWaves.Showcase.Web" %>
<%@ Register TagPrefix="ow" Namespace="OpenWaves.Web.Controls" Assembly="OpenWaves.Web, Version=1.0.84.459, Culture=neutral, PublicKeyToken=7d0a8c4a744cf5c7" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>OpenWaves Showcase</title>
    <link href="google-code-prettify/prettify.css" type="text/css" rel="stylesheet" />
    <link href="Content/bootstrap.css" type="text/css" rel="stylesheet" />
    <link href="Styles/styles.css" type="text/css" rel="stylesheet" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="Scripts/jquery.history.js"></script>
    <script type="text/javascript" src="google-code-prettify/prettify.js"></script>
    <script src="Scripts/showcaseItemHandler.js" type="text/javascript"></script>
    <script src="Scripts/bootstrap.js" type="text/javascript"></script>    
</head>
<body>
    <div class="navigation well">
        <x:ShowcaseItemRepeater runat="server" ID="rptShowcaseItems">
            <Template>
                <ul id="showcaseItems" class="nav nav-list">
                    <ow:ItemsPlaceHolder runat="server"/>                
                </ul>
            </Template>
            <ItemTemplate>
                <li>
                    <a href="<%# string.Format("#{0}", Container.Item.Identifier) %>">
                        <%# Container.Item.Title %>
                    </a>
                    <input type="hidden" class="example" value="<%# Html.AttributeEncode(Container.Item.ExampleUrl) %>" />
                    <input type="hidden" class="markup" value="<%# HttpUtility.HtmlEncode(Container.Item.Markup) %>" />
                    <input type="hidden" class="codeBehind" value="<%# HttpUtility.HtmlEncode(Container.Item.CodeBehind) %>" />
                </li>
            </ItemTemplate>
        </x:ShowcaseItemRepeater>
    </div>
    <div id="tabs" class="content">
        <ul class="nav nav-tabs">
            <li><a href="#tabs-1" data-toggle="tab">Example</a></li>
            <li><a href="#tabs-2" data-toggle="tab">Markup</a></li>
            <li><a href="#tabs-3" data-toggle="tab">Code behind</a></li>
        </ul>
        <div class="tab-content">
            <div id="tabs-1" class="tab-pane">
                <iframe style="border: 0;" id="example" width="100%" height="100%"></iframe>
            </div>
            <div id="tabs-2" class="tab-pane">
                <pre class="prettyprint" id="markup"></pre>
            </div>
            <div id="tabs-3" class="tab-pane">
                <pre class="prettyprint" id="codeBehind"></pre>
            </div>
        </div>
    </div>
    <div style="display: none;" class="demo-description">
        <p>
            Click tabs to swap between content that is broken into logical sections.</p>
    </div>
    
    <script>
        $(function () {
            $('.nav-tabs a:first').tab('show');
        });
    </script>
</body>
</html>
